import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
/* https://blog.csdn.net/bujiongdan/article/details/81416100 以上解释 */

//公共css文件 在src assets中 在main.js里面引入js文件
import '../src/assets/css/common.css';
//引入淘宝flexible.js无线适配文件
/*是一个终端设备适配的解决方案。也就是说它可以让你在不同的终端设备中实现页面适配。
是一个用来适配移动端的javascript框架。根据宽度的不同设置不同的字体大小，样式间距都使用rem作为单位，不同屏幕大小适配不同的样式。*/
/*使用普通rem的时候会出现某些设备换算不清。导致页面结构出现偏差，使用淘宝的flexible解决方案。*/
import '../src/assets/js/flexible.js';
/*加不加.js不懂 都能指向同一个地址，但是貌似不起效果，px不能转换为rem*/
/*iconfont-阿里巴巴矢量图标库 */
import '../src/assets/css/iconfont.css';

import LyTab from 'ly-tab';
 Vue.use(LyTab);
//引入插件 头部转换跳转 之后便可在全局使用了  Vue.use(LyTab);要写，写了才能全局使用
//npm install vue-awesome-swiper -S 引入插件 swiper插件 
Vue.config.productionTip = false;

//在main.js里面属于全局引入 
// 引入全部组件
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(MintUI)

//全局引入vant 
import Vant from 'vant';
import 'vant/lib/index.css';
Vue.use(Vant);


new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");
